ФОРМА.ЧАСТЬ 1

Представлены некоторые примеры и ссылки на сайт-первоисточник с их описанием.

Другие источики:

Элемент input

Типы элемента "Input"
Поле
  1. text: обычное текстовое поле
  2. password: тоже текстовое поле, отображаются звездочки
  3. hidden: скрытое поле
  4. email: поле для адреса электронной почты
  5. number: поле для ввода чисел
  6. tel: поле для ввода телефона
  7. url: поле для ввода адреса url
Управление, информ, выбор
  1. submit: кнопка отправки формы
  2. range: ползунок для выбора числа из некоторого диапазона
  3. file: поле для выбора отправляемого файла
  4. image: создает кнопку в виде картинки
  5. color: поле для ввода цвета
Дата
  1. date: поле для ввода даты
  2. datetime: поле учетом часового пояса
  3. datetime-local: поле без учета часового пояса
  4. month: поле для ввода года и месяца
  5. time: поле для ввода времени
  6. week: поле для ввода года и недели
...другие элементы формы
  1. button: создает кнопку
  2. select: выпадающий список
  3. label: создает метку, которая отображается рядом с полем ввода
  4. textarea: многострочное текстовое поле


Кнопки | Текстовые поля


Атрибуты текстового поля:
  1. maxlength: максимальное количество символов
  2. pattern: определяет шаблон, которому должен соответствовать вводимый текст
  3. placeholder: установленный текст-подсказка
  4. readonly и disabled: только для чтения
  5. required: поле не должно быть пустым
  6. size:устанавливает ширину текстового поля в видимых символах
  7. value:значение по умолчанию


datalist


Метки и автофокус


Элементы ввода чисел


1100